<template>
    <div v-loading="loading" :style="'height:' + height">
        <iframe
                :src="src"
                frameborder="no"
                style="width: 100%; height: 100%"
                scrolling="auto"
        />
    </div>
</template>
<script>
    export default {
        props: {
            src: {
                type: String,
                required: true
            },
        },
        data() {
            return {
                height: document.documentElement.clientHeight - 96.5 + "px;",
                loading: true,
                url: this.src
            };
        },
        mounted: function () {
            setTimeout(() => {
                this.loading = false;
            }, 300);
            const that = this;
            window.onresize = function temp() {
                that.height = document.documentElement.clientHeight - 94.5 + "px;";
            };
        }
    };
</script>
